<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <h3>@keyup.enter  →  监听键盘回车事件</h3>
    <input v-model="username" type="text">
  </div>
  <script src="./vue.js"></script>
  <script>
//     ES6引入了一个新的语法叫作箭头符号。本质是一种语法糖
// 箭头函数允许使用以下3种方式来简化语法:
// 可以省略function这个单词。
// 如果函数只有一个参数,则可以省略小括号。
// 如果函数体是一个单独表达式,则可以省略大括号和返回语句。
const f = function() {
  console.log("匿名函数"); 
}
//g名字优先级高
const g = function ff() {
  
}
//箭头函数大多是匿名函数
const f1 = function() {
  return "Hello!";
}
//简写
const f1 = () => "Hello";
const f2 = function(name) {
  return `Hello,${name}`;
}
//简写
const f2 = name => `Hello,${name}`;
const f3 = function(a, b) {
  return a + b;
}
//简写
const f3 = (a, b) => a + b;
    // const app = new Vue({
    //   el: '#app',
    //   data: {
    //     username: ''
    //   },
    //   methods: {
        
    //   }
    // })
  </script>
  
</body>
</html>